<!--
* @author wn
* @date 2024/01/25 11:17:18
* @description: 订单列表页 骨架屏
!-->
<!--
此文件为开发者工具生成，生成时间: 2024/1/25上午11:16:16
使用方法：
在 D:\UniAppWorkSpace\eribbit-client-uniapp\dist\dev\mp-weixin\pagesOrder\list\list.wxml 引入模板

```
<import src="list.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 D:\UniAppWorkSpace\eribbit-client-uniapp\dist\dev\mp-weixin\pagesOrder\list\list.wxss 中引入样式
```
@import "./list.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
	<view class="sk-container">
		<swiper class="swiper" current="0" autoplay="false">
			<swiper-item
				style="
					position: absolute;
					width: 100%;
					height: 100%;
					transform: translate(0%, 0px) translateZ(0px);
				"
			>
				<view is="pagesOrder/list/components/OrderCard">
					<scroll-view
						enable-back-to-top="true"
						refresher-enabled="true"
						scroll-y="true"
					>
						<view class="card OrderCard--card">
							<view class="status OrderCard--status">
								<text
									class="date OrderCard--date sk-transparent sk-text-14-2857-128 sk-text"
									>2024-01-25 11:08:27</text
								>
								<text class="sk-transparent sk-text-14-2857-57 sk-text"
									>待付款</text
								>
								<text></text>
							</view>
							<navigator class="goods OrderCard--goods" hover-class="none">
								<image
									class="cover OrderCard--cover sk-image"
									mode="aspectFit"
								></image>
								<view class="meta OrderCard--meta">
									<view
										class="name OrderCard--name ellipsis OrderCard--ellipsis sk-transparent sk-text-14-2857-978 sk-text"
										>女式复古蜥蜴纹质感牛皮钱包</view
									>
									<text
										class="type OrderCard--type sk-transparent sk-text-14-2857-497 sk-text"
										>奶油色</text
									>
								</view>
							</navigator>
							<navigator class="goods OrderCard--goods" hover-class="none">
								<image
									class="cover OrderCard--cover sk-image"
									mode="aspectFit"
								></image>
								<view class="meta OrderCard--meta">
									<view
										class="name OrderCard--name ellipsis OrderCard--ellipsis sk-transparent sk-text-14-2857-524 sk-text"
										>品质在内格调在外头层真皮防消磁钥匙卡包</view
									>
									<text
										class="type OrderCard--type sk-transparent sk-text-14-2857-377 sk-text"
										>黑鳄鱼纹</text
									>
								</view>
							</navigator>
							<navigator class="goods OrderCard--goods" hover-class="none">
								<image
									class="cover OrderCard--cover sk-image"
									mode="aspectFit"
								></image>
								<view class="meta OrderCard--meta">
									<view
										class="name OrderCard--name ellipsis OrderCard--ellipsis sk-transparent sk-text-14-2857-673 sk-text"
										>户外快干轻巧遮阳帽</view
									>
									<text
										class="type OrderCard--type sk-transparent sk-text-14-2857-652 sk-text"
										>素色（无外袋）， 灰色</text
									>
								</view>
							</navigator>
							<navigator class="goods OrderCard--goods" hover-class="none">
								<image
									class="cover OrderCard--cover sk-image"
									mode="aspectFit"
								></image>
								<view class="meta OrderCard--meta">
									<view
										class="name OrderCard--name ellipsis OrderCard--ellipsis sk-transparent sk-text-14-2857-705 sk-text"
										>5分钟99%除菌日本卫浴除菌除臭清洁剂380ml</view
									>
									<text
										class="type OrderCard--type sk-transparent sk-text-14-2857-245 sk-text"
										>380ml</text
									>
								</view>
							</navigator>
							<navigator class="goods OrderCard--goods" hover-class="none">
								<image
									class="cover OrderCard--cover sk-image"
									mode="aspectFit"
								></image>
								<view class="meta OrderCard--meta">
									<view
										class="name OrderCard--name ellipsis OrderCard--ellipsis sk-transparent sk-text-14-2857-667 sk-text"
										>富到流油的高邮咸鸭蛋75克*10枚</view
									>
									<text
										class="type OrderCard--type sk-transparent sk-text-14-2857-379 sk-text"
										>75克*10枚</text
									>
								</view>
							</navigator>
							<view class="payment OrderCard--payment">
								<text
									class="quantity OrderCard--quantity sk-transparent sk-text-14-2857-17 sk-text"
								>
									共9件商品
								</text>
								<text class="sk-transparent sk-text-14-2857-277 sk-text"
									>实付</text
								>
								<text
									class="amount OrderCard--amount symbol OrderCard--symbol sk-transparent sk-text-14-2857-562 sk-text sk-pseudo sk-pseudo-circle"
									>681.9</text
								>
							</view>
							<view class="action OrderCard--action">
								<view
									class="button OrderCard--button primary OrderCard--primary sk-transparent sk-text-14-2857-702 sk-text"
									>去支付</view
								>
							</view>
						</view>
						<view class="card OrderCard--card">
							<view class="status OrderCard--status">
								<text
									class="date OrderCard--date sk-transparent sk-text-14-2857-365 sk-text"
									>2024-01-25 10:07:07</text
								>
								<text class="sk-transparent sk-text-14-2857-202 sk-text"
									>已取消</text
								>
							</view>
						</view>
					</scroll-view>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>
<script lang="ts" setup></script>
<style lang="scss">
/*
此文件为开发者工具生成，生成时间: 2024/1/25上午11:16:16

在 D:\UniAppWorkSpace\eribbit-client-uniapp\dist\dev\mp-weixin\pagesOrder\list\list.wxss 中引入样式
```
@import "./list.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
	color: transparent !important;
}
.sk-text-14-2857-503 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 37.6923rpx;
	position: relative !important;
}
.sk-text {
	background-origin: content-box !important;
	background-clip: content-box !important;
	background-color: transparent !important;
	color: transparent !important;
	background-repeat: repeat-y !important;
}
.sk-text-14-2857-919 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 37.6923rpx;
	position: relative !important;
}
.sk-text-14-2857-566 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 37.6923rpx;
	position: relative !important;
}
.sk-text-14-2857-251 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 37.6923rpx;
	position: relative !important;
}
.sk-text-14-2857-696 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 37.6923rpx;
	position: relative !important;
}
.sk-text-36-5385-153 {
	background-image: linear-gradient(
		transparent 36.5385%,
		#eeeeee 0%,
		#eeeeee 63.4615%,
		transparent 0%
	) !important;
	background-size: 100% 100rpx;
	position: relative !important;
}
.sk-text-36-5385-28 {
	background-image: linear-gradient(
		transparent 36.5385%,
		#eeeeee 0%,
		#eeeeee 63.4615%,
		transparent 0%
	) !important;
	background-size: 100% 100rpx;
	position: relative !important;
}
.sk-text-36-5385-230 {
	background-image: linear-gradient(
		transparent 36.5385%,
		#eeeeee 0%,
		#eeeeee 63.4615%,
		transparent 0%
	) !important;
	background-size: 100% 100rpx;
	position: relative !important;
}
.sk-text-36-5385-222 {
	background-image: linear-gradient(
		transparent 36.5385%,
		#eeeeee 0%,
		#eeeeee 63.4615%,
		transparent 0%
	) !important;
	background-size: 100% 100rpx;
	position: relative !important;
}
.sk-text-36-5385-392 {
	background-image: linear-gradient(
		transparent 36.5385%,
		#eeeeee 0%,
		#eeeeee 63.4615%,
		transparent 0%
	) !important;
	background-size: 100% 100rpx;
	position: relative !important;
}
.sk-text-14-2857-128 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 37.6923rpx;
	position: relative !important;
}
.sk-text-14-2857-57 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 37.6923rpx;
	position: relative !important;
}
.sk-text-14-2857-978 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 35rpx;
	position: relative !important;
}
.sk-text-14-2857-497 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 32.3077rpx;
	position: relative !important;
}
.sk-text-14-2857-524 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 35rpx;
	position: relative !important;
}
.sk-text-14-2857-377 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 32.3077rpx;
	position: relative !important;
}
.sk-text-14-2857-673 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 35rpx;
	position: relative !important;
}
.sk-text-14-2857-652 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 32.3077rpx;
	position: relative !important;
}
.sk-text-14-2857-705 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 35rpx;
	position: relative !important;
}
.sk-text-14-2857-245 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 32.3077rpx;
	position: relative !important;
}
.sk-text-14-2857-667 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 35rpx;
	position: relative !important;
}
.sk-text-14-2857-379 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 32.3077rpx;
	position: relative !important;
}
.sk-text-14-2857-17 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 32.3077rpx;
	position: relative !important;
}
.sk-text-14-2857-277 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 37.6923rpx;
	position: relative !important;
}
.sk-text-14-2857-562 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 37.6923rpx;
	position: relative !important;
}
.sk-text-14-2857-702 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 35rpx;
	position: relative !important;
}
.sk-text-14-2857-365 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 37.6923rpx;
	position: relative !important;
}
.sk-text-14-2857-202 {
	background-image: linear-gradient(
		transparent 14.2857%,
		#eeeeee 0%,
		#eeeeee 85.7143%,
		transparent 0%
	) !important;
	background-size: 100% 37.6923rpx;
	position: relative !important;
}
.sk-image {
	background: #efefef !important;
}
.sk-pseudo::before,
.sk-pseudo::after {
	background: #efefef !important;
	background-image: none !important;
	color: transparent !important;
	border-color: transparent !important;
}
.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
	border-radius: 0 !important;
}
.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
	border-radius: 50% !important;
}
.sk-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: transparent;
}
</style>
